﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Main.Master" AutoEventWireup="true"
    CodeBehind="RegistrarCarga.aspx.cs" Inherits="WebCruzDelSur.RegistrarCarga" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script>   

        function f_regresar()
        {
            location.href = 'BuscarCarga.aspx';
        }

        $(document).ready(function () {
            $("#dialogError").bind("dialogclose", function (event, ui) {
                location.href = 'Index.aspx';
            });

            $("#dialog").bind("dialogclose", function (event, ui) {
                location.href = 'BuscarCarga.aspx';
            });

            f_ocultar(false, "divRuta", true);
            f_ocultar(false, "divAgencia", true);
            f_ocultar(false, "divCliente", true);
            f_ocultar(false, "divClienteDestino", true);
            f_ocultar(false, "divCarga", true);
            f_ocultar(false, "divProductos", true);
            f_ocultar(false, "divEstado", true);
            $("#<%=btnGuardar.ClientID %>").css("display", "none");

            getProductos();

            $("#<%=ddlTipoCarga.ClientID %>").change(function () {
                var tipoCarga = $("#<%=ddlTipoCarga.ClientID %> option:selected").val();

                if (tipoCarga == "3") {
                    f_ocultar(false, "divProductos", false);
                }
                else {
                    f_ocultar(false, "divProductos", true);
                }
            });

        });

        function f_agregarProducto() {
            var codigo = randomIntFromInterval(10000, 99999);
            var nombre = $("#<%=txtNomProducto.ClientID %>").val();
            var descri = $("#<%=txtDesProducto.ClientID %>").val();

            if ($.trim(nombre) == "" || $.trim(descri) == "")
            {
                ShowMessageJustAlert("Debe completar el nombre y descripción del producto");
                return;
            }

            $.ajax({
                type: "POST",
                url: "RegistrarCarga.aspx/AgregarProducto",
                data: "{'codigo': '" + codigo + "','nombre': '" + nombre + "','descripcion': '" + descri + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (response) {
                    getProductos();
                },
                error: function (result) {
                    ShowMessageJustAlert('ERROR ' + result.status + ' ' + result.statusText);
                }
            });

            $("#<%=txtNomProducto.ClientID %>").val("");
            $("#<%=txtDesProducto.ClientID %>").val("");
            $("#<%=txtNomProducto.ClientID %>").focus();
        }

        function getProductos() {

            $.ajax({
                type: "POST",
                url: "RegistrarCarga.aspx/ObtenerProductos",
                data: "",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (response) {
                    var productos = (typeof response.d) == 'string' ?
                                       eval('(' + response.d + ')') :
                                       response.d;

                    if (productos.length > 0) {
                        $("#<%=tablaProducto.ClientID %>").empty();
                        $("#<%=tablaProducto.ClientID %>").append("<tr><td><b>Nombre</b></td>" +
                        "<td><b>Descripción</b></td>" +
                        "<td><b>Eliminar</b></td>" +
                        "</tr>");

                        for (var i = 0; i < productos.length; i++) {
                            $("#<%=tablaProducto.ClientID %>").append('<tr>' +
                                                  '<td>' + productos[i].Nombre + '</td>' +
                                                  '<td>' + productos[i].Descripcion + '</td>' +
                                                  '<td><a class="linkMenuStyle" href="javascript:f_eliminarProducto(' + productos[i].Codigo + ')">x</a></td>' +
                                                '</tr>');
                        }
                    } else {
                        $("#<%=tablaProducto.ClientID %>").empty();
                        $("#<%=tablaProducto.ClientID %>").append("<tr><td><b>No se encontraron productos.</b></td></tr>");
                    }
                },
                error: function (result) {
                    ShowMessageJustAlert('ERROR ' + result.status + ' ' + result.statusText);
                }
            });
        }

        function f_buscarRuta() {
            var valor = $("#<%=ddlDepartamento.ClientID %> option:selected").val();
            getRutas(valor);
        }

        function f_seleccionarRuta(valor) {
            f_verificar(true);
            
            $("#<%=txtCodigoProgramacionRuta.ClientID %>").val(valor);

            $("#<%=lblDireccionAgencia.ClientID %>").html($("#recRutaDirAge" + valor).html());
            $("#<%=lblAgencia.ClientID %>").html($("#recRutaNomAge" + valor).html());
            $("#<%=lblFechaDestino.ClientID %>").html($("#recRutaFecDes" + valor).html());
            $("#<%=lblTransporte.ClientID %>").html($("#recRutaTipTra" + valor).html());
            $("#<%=lblTipoServicio.ClientID %>").html($("#recRutaTipSer" + valor).html());

            f_ocultar(false, "divAgencia", false);
            f_ocultar(false, "divCliente", false);
            f_ocultar(false, "divClienteDestino", false);
            f_ocultar(false, "divCarga", false);
            f_ocultar(false, "divEstado", false);
            $("#<%=btnGuardar.ClientID %>").css("display", "block");
        }

        function f_habilitarCliente(origen) {
            if (origen == "1") {
                $("#<%=lblNombreCliente.ClientID %>").html("");
                $("#<%=lblApellidoCliente.ClientID %>").html("");
                $("#<%=lblDireccionCliente.ClientID %>").html("");
                $("#<%=lblTelefonoCliente.ClientID %>").html("");
                $("#<%=lblImageCliente.ClientID %>").attr("src", "");
                $("#<%=lblImageCliente.ClientID %>").attr("class", "hideImage");
                $("#rgCliente").css("visibility", "visible");
                $("#Button3").css("visibility", "visible");
                $("#Button10").css("visibility", "hidden");
                $("#<%=txtDocIdeCli.ClientID %>").attr("readonly", false);
            }
            else {
                $("#<%=lblNombreCliDes.ClientID %>").html("");
                $("#<%=lblApellidoCliDes.ClientID %>").html("");
                $("#<%=lblDireccionCliDes.ClientID %>").html("");
                $("#<%=lblTelefonoCliDes.ClientID %>").html("");
                $("#<%=lblImageCliDes.ClientID %>").attr("src", "");
                $("#<%=lblImageCliDes.ClientID %>").attr("class", "hideImage");
                $("#Button5").css("visibility", "visible");
                $("#Button11").css("visibility", "hidden");
                $("#<%=txtDocIdeCliDes.ClientID %>").attr("readonly", false);
            }
        }

        function f_validarCliente(origen) {
            var dni = $("#<%=txtDocIdeCli.ClientID %>").val();

            if (origen == "0") {
                dni = $("#<%=txtDocIdeCliDes.ClientID %>").val();
            }

            $.ajax({
                type: "POST",
                url: "Metodos.aspx/ValidarCliente",
                data: "{'dniCliente': '" + dni + "','origen': '" + origen + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (response) {

                    var cliente = response.d;

                    if ((typeof response.d) != "string") {
                        if (origen == "1") {
                            $("#<%=lblNombreCliente.ClientID %>").html(cliente.Nombres);
                            $("#<%=lblApellidoCliente.ClientID %>").html(cliente.Apellidos);
                            $("#<%=lblDireccionCliente.ClientID %>").html(cliente.Direccion);
                            $("#<%=lblTelefonoCliente.ClientID %>").html(cliente.Telefono);
                            $("#<%=lblImageCliente.ClientID %>").attr("src", "Images/Fotos/" + cliente.Foto);
                            $("#<%=lblImageCliente.ClientID %>").attr("class", "showImage");
                            $("#rgCliente").css("visibility", "hidden");
                            $("#Button3").css("visibility", "hidden");
                            $("#Button10").css("visibility", "visible");
                            $("#<%=txtDocIdeCli.ClientID %>").attr("readonly", true);
                        }
                        else {
                            $("#<%=lblNombreCliDes.ClientID %>").html(cliente.Nombres);
                            $("#<%=lblApellidoCliDes.ClientID %>").html(cliente.Apellidos);
                            $("#<%=lblDireccionCliDes.ClientID %>").html(cliente.Direccion);
                            $("#<%=lblTelefonoCliDes.ClientID %>").html(cliente.Telefono);
                            $("#<%=lblImageCliDes.ClientID %>").attr("src", "Images/Fotos/" + cliente.Foto);
                            $("#<%=lblImageCliDes.ClientID %>").attr("class", "showImage");
                            $("#Button5").css("visibility", "hidden");
                            $("#Button11").css("visibility", "visible");
                            $("#<%=txtDocIdeCliDes.ClientID %>").attr("readonly", true);
                        }
                    } else {
                        if (origen == "0") {
                            $("#<%=txtDocIdeCliDes.ClientID %>").val("");
                        }
                        else {
                            $("#<%=txtDocIdeCli.ClientID %>").val("");
                        }
                        ShowMessageJustAlert(cliente);
                    }
                },
                error: function (result) {
                    ShowMessageJustAlert('ERROR ' + result.status + ' ' + result.statusText);
                }
            });
        }

        function getRutas(codigo) {
            if (codigo == "")
            {
                codigo = -1;
            }

            $.ajax({
                type: "POST",
                url: "Metodos.aspx/ObtenerRutasProgramacionRuta",
                data: "{'departamento': '" + codigo + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (response) {
                    var rutas = (typeof response.d) == 'string' ?
                                       eval('(' + response.d + ')') :
                                       response.d;

                    if (rutas.length > 0) {
                        $("#<%=tablaRutas.ClientID %>").empty();
                        $("#<%=tablaRutas.ClientID %>").append("<tr><td><b>Agencia</b></td>" +
                            "<td><b>Fecha Origen</b></td>" +
                            "<td><b>Fecha Destino</b></td>" +
                            "<td><b>Tipo Transporte</b></td>" +
                            "<td><b>Tipo Servicio</b></td>" +
                            "<td><b>Seleccionar</b></td>" +
                            "</tr>");

                        for (var i = 0; i < rutas.length; i++) {
                            $("#<%=tablaRutas.ClientID %>").append('<tr>' +
                                                  '<td id="recRutaNomAge' + rutas[i].IDRutaProgramada + '">' + rutas[i].NombreAgencia + '</td>' +
                                                  '<td id="recRutaFecOri' + rutas[i].IDRutaProgramada + '">' + rutas[i].FechaOrigen + '</td>' +
                                                  '<td id="recRutaFecDes' + rutas[i].IDRutaProgramada + '">' + rutas[i].FechaDestino + '</td>' +
                                                  '<td id="recRutaTipTra' + rutas[i].IDRutaProgramada + '">' + rutas[i].TipoTransporte + '</td>' +
                                                  '<td id="recRutaTipSer' + rutas[i].IDRutaProgramada + '">' + rutas[i].TipoServicio + '</td>' +
                                                  '<td id="recRutaDirAge' + rutas[i].IDRutaProgramada + '" style="display:none">' + rutas[i].DireccionAgencia + '</td>' +
                                                  '<td><a class="linkMenuStyle" href="javascript:f_seleccionarRuta(' + rutas[i].IDRutaProgramada + ')">x</a></td>' +
                                                '</tr>');
                        }
                    } else {
                        $("#<%=tablaRutas.ClientID %>").empty();
                        $("#<%=tablaRutas.ClientID %>").append("<tr><td><b>No se encontraron rutas disponibles para el departamento seleccionado</b></td></tr>");
                    }
                },
                error: function (result) {
                    ShowMessageJustAlert('ERROR ' + result.status + ' ' + result.statusText);
                }
            });
        }

    </script>
    <div id="dialog" style="display: none"></div>
    <div id="dialogError" style="display: none"></div>    
    <div id="dialogJustAlert" style="display: none"></div>    
    <div class="divTitulo">
        Registrar Carga de Clientes
    </div>
    <div class="divContenido">
        <fieldset class="validationGroup">
            <div class="divFila">
                <div class="divColumna">
                    <div class="divTexto">                        
                        <asp:HiddenField id="txtCodigoProgramacionRuta" runat="server" Value="1"/>
                        <asp:HiddenField id="txtTablaProducto" runat="server" Value=""/>                        
                        <button type="button" id="btnVerificar" onclick="javascript:f_verificar(false);">Verificar Disponibilidad</button>
                    </div>
                </div>
            </div>
            <%--200641448--%>
            <div class="divPanel" id="divRuta">
                <div class="divSeparador">
                    Verificar Disponibilidad de Ruta
                </div>
                <div class="divFila">
                    <div class="divColumna">
                        <div class="divTexto">
                            Departamento:
                        </div>
                        <div class="divControl">
                            <asp:DropDownList ID="ddlDepartamento" runat="server" />
                        </div>
                    </div>
                    <div class="divColumna">
                        <div class="divControl">
                            <button type="button" id="Button2" onclick="javascript:f_buscarRuta();">Consultar</button>
                            <button type="button" id="Button1" onclick="javascript:f_verificar(true);">Cancelar</button>
                        </div>
                    </div>
                </div>
                <div class="divFila tableDesign">
                    <table id="tablaRutas" border="1" runat="server"></table>
                </div>
            </div>
            <div class="divPanel" id="divAgencia">
                <div class="divFila">
                    <div class="divColumna">
                        <div class="divTexto">
                            Fecha Destino:
                        </div>
                        <div class="divControl">
                            <asp:Label ID="lblFechaDestino" runat="server" />
                        </div>
                    </div>
                    <div class="divColumna">
                        <div class="divTexto">
                            Agencia:
                        </div>
                        <div class="divControl">
                            <asp:Label ID="lblAgencia" runat="server" />
                        </div>
                    </div>
                </div>
                <div class="divFila">
                    <div class="divColumna">
                        <div class="divTexto">
                            Transporte:
                        </div>
                        <div class="divControl">
                            <asp:Label ID="lblTransporte" runat="server" />
                        </div>
                    </div>
                    <div class="divColumna">
                        <div class="divTexto">
                            Tipo Servicio:
                        </div>
                        <div class="divControl">
                            <asp:Label ID="lblTipoServicio" runat="server" />
                        </div>
                    </div>
                </div>
                <div class="divFila">
                    <div class="divColumna">
                        <div class="divTexto">
                            Direcciòn de Agencia:
                        </div>
                        <div class="divControl">
                            <asp:Label ID="lblDireccionAgencia" runat="server" />
                        </div>
                    </div>
                    <div class="divColumna">
                        <div class="divTexto">
                            &nbsp;
                        </div>
                        <div class="divControl">
                            &nbsp;
                        </div>
                    </div>
                </div>
            </div>
            <div class="divPanel" id="divCliente">
                <div class="divSeparador">
                    Datos del Cliente
                </div>
                <div class="divFila">
                    <div class="divColumnaExtra">
                        <div class="divTexto">
                            Documento de Identidad:
                        </div>
                        <div class="divControlExtra">
                            <asp:TextBox ID="txtDocIdeCli" runat="server" CssClass="required" MaxLength="8" minlength="8" OnBlur="javascript:f_validarCliente('1');"/>
                            <button type="button" id="Button3" onclick="javascript:f_validarCliente('1');">Validar</button>
                            <button type="button" id="Button10" onclick="javascript:f_habilitarCliente('1');" style="visibility:hidden">Cambiar Documento</button>                            
                            <a id="rgCliente" class="linkMenuStyle" href="RegistrarCliente.aspx" target="_blank">Registrar Cliente</a>
                        </div>
                    </div>
                </div>
                <div class="divFila">
                    <div class="divColumna">
                        <div class="divTexto">
                            Nombres:
                        </div>
                        <div class="divControl">
                            <asp:Label ID="lblNombreCliente" runat="server" />                            
                        </div>
                    </div>
                    <div class="divColumna">
                        <div class="divTexto">
                            &nbsp;
                        </div>
                        <div class="divControl">
                            <asp:Image ID="lblImageCliente" runat="server" Width="100" Height="120" CssClass="hideImage" />
                        </div>
                    </div>
                </div>
                <div class="divFila">
                    <div class="divColumna">
                        <div class="divTexto">
                            Apellidos:
                        </div>
                        <div class="divControl">
                            <asp:Label ID="lblApellidoCliente" runat="server" />
                        </div>
                    </div>
                </div>
                <div class="divFila">
                    <div class="divColumna">
                        <div class="divTexto">
                            Dirección:
                        </div>
                        <div class="divControl">
                            <asp:Label ID="lblDireccionCliente" runat="server" />
                        </div>
                    </div>
                </div>
                <div class="divFila">
                    <div class="divColumna">
                        <div class="divTexto">
                            Teléfono:
                        </div>
                        <div class="divControl">
                            <asp:Label ID="lblTelefonoCliente" runat="server" />
                        </div>
                    </div>
                </div>
            </div>
            <div class="divPanel" id="divClienteDestino">
                <div class="divSeparador">
                    Datos del Cliente Destino
                </div>
                <div class="divFila">
                    <div class="divColumnaExtra">
                        <div class="divTexto">
                            Documento de Identidad:
                        </div>
                        <div class="divControlExtra">
                            <asp:TextBox ID="txtDocIdeCliDes" runat="server" CssClass="required"  MaxLength="8" minlength="8" OnBlur="javascript:f_validarCliente('0');"/>
                            <button type="button" id="Button11" onclick="javascript:f_habilitarCliente('0');" style="visibility:hidden">Cambiar Documento</button>                            
                            <button type="button" id="Button5" onclick="javascript:f_validarCliente('0');">Validar</button>
                        </div>
                    </div>
                </div>
                <div class="divFila">
                    <div class="divColumna">
                        <div class="divTexto">
                            Nombres:
                        </div>
                        <div class="divControl">
                            <asp:Label ID="lblNombreCliDes" runat="server" />
                        </div>
                    </div>
                    <div class="divColumna">
                        <div class="divTexto">
                            <asp:Image ID="lblImageCliDes" runat="server" Width="100" Height="120" CssClass="hideImage" />
                        </div>
                    </div>
                </div>
                <div class="divFila">
                    <div class="divColumna">
                        <div class="divTexto">
                            Apellidos:
                        </div>
                        <div class="divControl">
                            <asp:Label ID="lblApellidoCliDes" runat="server" />
                        </div>
                    </div>
                </div>
                <div class="divFila">
                    <div class="divColumna">
                        <div class="divTexto">
                            Dirección:
                        </div>
                        <div class="divControl">
                            <asp:Label ID="lblDireccionCliDes" runat="server" />
                        </div>
                    </div>
                </div>
                <div class="divFila">
                    <div class="divColumna">
                        <div class="divTexto">
                            Teléfono:
                        </div>
                        <div class="divControl">
                            <asp:Label ID="lblTelefonoCliDes" runat="server" />
                        </div>
                    </div>
                </div>
            </div>
            <div class="divPanel" id="divCarga">
                <div class="divSeparador">
                    Datos de la Carga
                </div>
                <div class="divFila">
                    <div class="divColumnaExtra">
                        <div class="divTexto">
                            Tipo de Carga:
                        </div>
                        <div class="divControlExtra">
                            <asp:DropDownList runat="server" ID="ddlTipoCarga" />
                        </div>
                    </div>
                </div>
                <div class="divFila" style="height: 80px">
                    <div class="divColumnaExtra">
                        <div class="divTexto">
                            Observaciones:
                        </div>
                        <div class="divControlExtra">
                            <asp:TextBox runat="server" ID="txtObservaciones" TextMode="MultiLine"  CssClass="required"  MaxLength="255"/>
                        </div>
                    </div>
                </div>
                <div class="divFila">
                    <div class="divColumnaExtra">
                        <div class="divTexto">
                            Peso (kg):
                        </div>
                        <div class="divControlExtra">
                            <asp:TextBox runat="server" ID="txtPeso"  CssClass="required number"  MaxLength="7"/>
                        </div>
                    </div>
                </div>
                <div class="divFila">
                    <div class="divColumnaExtra">
                        <div class="divTexto">
                            Largo (mts):
                        </div>
                        <div class="divControlExtra" style="width:400px">
                            <asp:TextBox runat="server" ID="txtLargo"  CssClass="required number" MaxLength="7"/>
                        </div>
                    </div>
                </div>
                <div class="divFila">
                    <div class="divColumnaExtra">
                        <div class="divTexto">
                            Ancho (mts):
                        </div>
                        <div class="divControlExtra">
                            <asp:TextBox runat="server" ID="txtAncho"  CssClass="required number" MaxLength="7"/>
                        </div>
                    </div>
                </div>
                <div class="divFila">
                    <div class="divColumnaExtra">
                        <div class="divTexto">
                            Profundidad (mts):
                        </div>
                        <div class="divControlExtra">
                            <asp:TextBox runat="server" ID="txtProfundidad"  CssClass="required number" MaxLength="7"/>
                        </div>
                    </div>
                </div>
                <div class="divFila">
                    <div class="divColumnaExtra">
                        <div class="divTexto">
                            Tipo de Pago:
                        </div>
                        <div class="divControlExtra">
                            <asp:DropDownList runat="server" ID="ddlTipoPago"/>
                        </div>
                    </div>
                </div>
            </div>
            <div class="divPanel" id="divProductos">
                <div class="divSeparador">
                    Datos de Productos de la Carga
                </div>
                <div class="divFila">
                    <div class="divColumna">
                        <div class="divTexto">
                            Producto:
                        </div>
                        <div class="divControl">
                            <asp:TextBox runat="server" ID="txtNomProducto" MaxLength="50"/>
                        </div>
                    </div>
                    <div class="divColumna">
                        <div class="divControl">
                            <button type="button" id="Button4" onclick="javascript:f_agregarProducto();">Agregar Producto</button>
                        </div>
                    </div>
                </div>
                <div class="divFila" style="height: 80px">
                    <div class="divColumna">
                        <div class="divTexto">
                            Descripción:
                        </div>
                        <div class="divControl">
                            <asp:TextBox runat="server" ID="txtDesProducto" TextMode="MultiLine" MaxLength="100"/>
                        </div>
                    </div>
                </div>
                <div class="divFila tableDesign">
                    <table id="tablaProducto" border="1" runat="server" />                    
                </div>
            </div>
            <div class="divPanel" >
                <div class="divFila" id="divEstado">
                    <div class="divColumna">
                        <div class="divTexto">
                            Estado:
                        </div>
                        <div class="divControl">
                            <asp:DropDownList runat="server" ID="ddlEstado" Enabled="false" />
                        </div>
                    </div>
                </div>
                <div class="divFila">
                    <div class="divColumna">
                        <asp:Button ID="btnGuardar" runat="server" Text="Guardar" CssClass="causesValidation" OnClick="btnGuardar_Click"  />
                        <button id="btnRegresar" type="button" onclick="javascript:f_regresar();">Regresar</button>
                    </div>
                </div>
            </div>
        </fieldset>
    </div>
</asp:Content>
